.music-box{
	width: 80px;
	height: 80px;
	position: fixed;
	top:20px;
	right:20px;
}
.music-box i{
	width:60px;
	height:60px;
	background: url(../images/p1/music.png) no-repeat;
	background-size:60px 60px;
	display: block;
}
/*创建动画*/
@keyframes rote{
	from{
		transform:rotate(0deg);	
	}
	to{
		transform:rotate(360deg);
	}
}

.logo{
	width: 138px;
	height:110px;
	position: absolute;
	left:58px;
	top:20px;
}
.oneyear{
	width:365px;
	height: 147px;
	position: absolute;
	left:50%;
	margin-left:-182px;
	top:128px;
	
}
@keyframes shake{
	30%{
		transform: scale(1.2);
	}
	40%{
		transform: rotate(15deg);
	}
	50%{
		transform: rotate(-15deg);
	}
	60%{
		transform: rotate(15deg);
	}
	70%{
		transform: rotate(-15deg);
	}
	100%{
		transform: scale(0.9);
	}
}
.dont{
	width:568px;
	height: 321px;
	position: absolute;
	left:50%;
	margin-left:-284px;
	top:244px;
}
.eleven{
	width:339px;
	height:93px;
	position:absolute;
	left:50%;
	margin-left:-170px;
	top:409px;
	animation: shake 1s linear 0s infinite;
}
.person{
	width:500px;
	height:660px;
	position: absolute;
	right:0;
	top:400px;
}

.page2-1{
	width: 615px;
	height: 389px;
	position: absolute;
	top:0;
	left:50%;
	margin-left: -307px;
}
.page2-2{
	width: 611px;
	height: 636px;
	position: absolute;
	left:50%;
	margin-left: -305px;
	top:182px;
}
